<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="/waterfun/css/cui.css" />
    <link rel="stylesheet" href="/waterfun/css/lib.css" />
    <link rel="stylesheet" href="/waterfun/css/slick.css" />
    <link rel="stylesheet" href="/waterfun/css/style.css" />
</head>

<body class="bodybg" style="background-image: url(/waterfun/images/bgl.png);">
    <!-- 头部 -->
    <div class="header">
        <div class="logo">
            <a href=""><img src="/waterfun/images/logo.png" alt="" /></a>
        </div>
        <div class="hd-r">
            <div class="nav">
                <ul>
                    <li class="on">
                        <a href="" class="v1"><em class="iconl1"></em>首页</a>
                    </li>
                    <li>
                        <a href="#row-a2" class="v1"><em class="iconl2"></em>海量资源</a>
                    </li>
                    <li>
                        <a href="#row-a3" class="v1"><em class="iconl3"></em>专享账户</a>
                    </li>
                </ul>
            </div>
            <a href="#m-win" class="btn myfancy">立即注册</a>
        </div>
    </div>
    <!-- 头部 -->

    <!-- 中间 -->
    <div class="main">
        <div class="row-a1">
            <div class="wp">
                <div class="pic">
                    <img src="/waterfun/images/imgl3.png" alt="" />
                </div>
                <div class="txt">
                    <h3 class="tit">专业MCN机构网红对接平台<br />遇见美好的Partner</h3>
                    <div class="desc">
                        <div class="left">
                            <div class="pic1">
                                <img src="/waterfun/images/qrl.png" alt="" />
                            </div>
                        </div>
                        <div class="right">
                            <a href="" class="btn bule"><em></em>iOS下载</a>
                            <a href="" class="btn violet"><em></em>Android下载</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-a2" id="row-a2">
            <div class="wp">
                <div class="g-titl1">
                    <h3 class="tit"><em><img src="/waterfun/images/iconl5.png" alt="" /></em>海量人气网红主播<em><img src="/waterfun/images/iconl6.png" alt="" /></em></h3>
                </div>
                <div class="m-imgtxtl">
                    <ul class="ul-imgtxtl">
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl1.jpg" alt="" />
                                </div>
                                <div class="txtbox">
                                    <h3 class="tit">我是小草<em></em></h3>
                                    <div class="desc">
                                        <div class="item">
                                            <div class="txt">粉丝数</div>
                                            <div class="num">21,903,456</div>
                                        </div>
                                        <div class="item">
                                            <div class="txt">人气数</div>
                                            <div class="num">1,904,567,231</div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl1.jpg" alt="" />
                                </div>
                                <div class="txtbox">
                                    <h3 class="tit">阿妈妮呀<em></em></h3>
                                    <div class="desc">
                                        <div class="item">
                                            <div class="txt">粉丝数</div>
                                            <div class="num">21,903,456</div>
                                        </div>
                                        <div class="item">
                                            <div class="txt">人气数</div>
                                            <div class="num">1,904,567,231</div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl1.jpg" alt="" />
                                </div>
                                <div class="txtbox">
                                    <h3 class="tit">良品铺子<em></em></h3>
                                    <div class="desc">
                                        <div class="item">
                                            <div class="txt">粉丝数</div>
                                            <div class="num">21,903,456</div>
                                        </div>
                                        <div class="item">
                                            <div class="txt">人气数</div>
                                            <div class="num">1,904,567,231</div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row-a3" id="row-a3">
            <div class="wp">
                <div class="g-titl1">
                    <h3 class="tit"><em><img src="/waterfun/images/iconl5.png" alt="" /></em>人气主播直接成团<em><img src="/waterfun/images/iconl6.png" alt="" /></em></h3>
                </div>
                <div class="m-imgl">
                    <ul class="ul-imgl1">
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="ul-imgl1 ul-imgl2">
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="ul-imgl1">
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl3.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" class="con">
                                <div class="pic">
                                    <img src="/waterfun/bgimg/picl2.jpg" alt="" />
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row-a4">
            <div class="wp">
                <div class="m-registerl">
                    <div class="g-titl1">
                        <h3 class="tit">开始合作</h3>
                    </div>
                    <div class="registerl">
                        <div class="txt">立即注册，查看更多，开始美好的Partner之旅</div>
                        <a href="#m-win" class="btn myfancy">立即注册</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 弹窗 -->
        <div class="m-pop" id="m-win">
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-win">
                    <form action="">
                        <h3 class="tit">注册</h3>
                        <div class="m-forml">
                            <div class="item">
                                <span class="txt">名称:</span>
                                <div class="inp">
                                    <input type="text" />
                                </div>
                            </div>
                            <div class="item">
                                <span class="txt">密码:</span>
                                <div class="inp">
                                    <input type="password" />
                                </div>
                            </div>
                            <div class="item">
                                <a href="" class="btn">注册</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- 弹窗 end -->
    </div>
    <!-- 中间 -->

    <!-- 底部 -->
    <div class="footer">
        <div class="fd-logo">
            <img src="/waterfun/images/fd-logo.png" alt="" />
        </div>
        <div class="fd-introduce">
            <p>旨在提供专业，高品质的网红，KOL推荐与合作撮合</p>
        </div>
        <div class="fd-contact">
            <div class="txt">
                <p>电话：132 9932 2834</p>
                <p>邮箱：Summer@Gmail.com</p>
                <p>微信：Summer 1993450</p>
            </div>
        </div>
    </div>
    <!-- 底部 -->

    <script type="text/javascript" src="/waterfun/js/lib.js"></script>
    <script type="text/javascript" src="/waterfun/js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //弹出框
            $('.myfancy').click(function() {
                var _id = $(this).attr('href');
                $(this).parents(".pop-lb").fadeOut();
                $(_id).addClass('open');
            });
            $('.pop-bg,.close').click(function() {
                $(this).parents(".m-pop").removeClass('open');
            });
        })
    </script>
</body>

</html>